<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib uri="/struts-tags" prefix="s"%>

<html>

<head>
	<title>OSN Platform Web</title>
	<meta http-equiv="Content-Type" content="text/html; UTF-8">
	<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
	<s:head />
	<!--<script type="text/javascript" src="http://support.opencities.upf.edu/lemon/loadxmldoc.js"></script>    
    <script type="text/javascript" src="http://support.opencities.upf.edu/lemon/initialize.js"></script>-->
    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyCHALwjygzbMXJwLXTpHJZyFoCDT4WZ9iI&sensor=false"></script>
	<script type="text/javascript" src="http://widgets.twimg.com/j/2/widget.js"></script>
	<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
	
 
<script type="text/javascript">


  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-18322085-34']);
  _gaq.push(['_trackPageview']);


  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();


</script>

</head>

<body onload="initialize()">
	<div id="container">
		<div id="header">
			<a href="http://opencities.upf.edu"><img src="images/logo.png"></a>
			<h1>Home</h1>
		</div>

		<s:include value="menu.jsp" />

		<div id="content">

			<s:include value="lefthome.jsp" />

			<div id="indexright">
			<h2>Welcome</h2>
				<p align="left">
					Welcome to the Open Sensor Network Web Application
						(OSN-WApp). With the OSN-WApp you can easily interact with the OSN
						Platform and add your open sensor networks. Create your new
						account and start to share your Open Data with the World!

				</p>

				<h2>Bicing Live Map</h2>
				
				<div style="margin-bottom: 5px">Bike rental service of Barcelona. Bikes stations are updated every minute using the data stored in the OSN Platform!</div>
				
				<div>
						
				<!-- <iframe width="570" height="350" frameborder="0" scrolling="no"
					marginheight="0" marginwidth="0"
					src="http://maps.google.com/maps/ms?vpsrc=6&amp;ctz=-60&amp;ie=UTF8&amp;msa=0&amp;msid=206913379752777902788.0004b267e44f138b28dff&amp;t=m&amp;ll=52.802761,11.425781&amp;spn=43.075625,91.230469&amp;z=3&amp;output=embed"></iframe>
				<br />-->
				<object data="http://support.opencities.upf.edu/lemon/map.html" style="width: 100%; height: 370px"> </object>
				
				<a href="http://support.opencities.upf.edu/lemon/map.html"> Full screen</a>
				
				</div>

				<h2>News</h2>

				<script src="http://widgets.twimg.com/j/2/widget.js"></script>
				<script>
					new TWTR.Widget({
						version : 2,
						type : 'profile',
						rpp : 4,
						interval : 30000,
						width : 570,
						height : 300,
						theme : {
							shell : {
								background : '#ffffff',
								color : '#000000'
							},
							tweets : {
								background : '#ffffff',
								color : '#000000',
								links : '#004ca3'
							}
						},
						features : {
							scrollbar : false,
							loop : false,
							live : false,
							behavior : 'all'
						}
					}).render().setUser('opencitiesosn').start();
				</script>
			</div>
			<div id="bottom"></div>
		</div>
		<s:include value="footer.jsp" />
	</div>
</body>
</html>